<script setup lang="ts">
import { IconComponent } from '@/models/component';


const props = defineProps<{ model: IconComponent }>()
const model = props.model

const styles = {
    // ...model.styles,
    fill: model.color,
    width: model.size,
    height: model.size
}

const useHref = `#${model.iconID}`

</script>

<template>
    <svg class="pybi-svg-icon" :style="styles">
        <use :href="useHref" />
    </svg>
</template>

<style scoped>
.pybi-svg-icon {}
</style>